<script setup>
import CommonAside from '../components/CommonAside.vue';
import CommonHeader from '../components/CommonHeader.vue';
import CommonTab from '../components/CommonTab.vue';
</script>

<template>
<div class="common-layout">
    <el-container class="container">
<!-- 自定义左侧的组件 -->
 <common-aside></common-aside>
 <el-container>
<el-header>
    <common-header>

    </common-header>
</el-header>
<common-tab></common-tab>
<el-main class="right-main">
    <router-view></router-view>
</el-main>

 </el-container>


        </el-container>
</div>

</template>

<style scoped>
.common-layout,.lay-container{
    height:100%;
}
.el-header{
    background-color: #333;
}

</style>